<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>年会签到</title>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/common.js"></script>
    <script src="js/jquery.min.js"></script>
    <style>
        .head {
            width: 99.9%;
            height: 40%;
            background: url("image/head.png") no-repeat;
            background-size: 100%;
            margin-top: -32px;
            border: 0px solid #000000;
            position: relative;
            z-index: 0;
        }

        .inputBox {
            margin: 0 auto;
            position: relative;
            z-index: 1;
            width: 84%;
            height: 70%;
            box-shadow: 0px 0px 10px rgba(129, 0, 6, .7);
            margin-top: -10%;
            background: #ffffff;
            border-radius: .6rem;
            padding: 2rem 1rem 0rem 1rem;
            text-align: center;
            font-size: 1.6rem;
        }

        .inputBox input {
            width: 99.4%;
            height: 3.4rem;
            border-radius: .4rem;
            border: 1px solid #ccc;
            margin-bottom: 2rem;
            text-indent: .4rem;
        }

        .inputBox select {
            width: 100%;
            height: 3.5rem;
            border-radius: .4rem;
            border: 1px solid #ccc;
            margin-bottom: 2rem;
            color: #555555;
        }
        .submit {
            text-align: center;
            background: #c6171f;
            color: #ffffff;
            margin-top: 3rem;
            font-size: 1.6rem;
        }
        .redbar {
            width: 100%;
            height: 1rem;
            background: #c6171f;
            position: fixed;
            z-index: 2;
            bottom: 0;
        }
        input:active, input:focus {
            border: 1px solid #c6171f;
        }
    </style>
</head>
<body>
<div class="head"></div>
<div class="inputBox">系统出现异常！请重新登记~</div>
<div class="redbar"></div>
</body>

</html>